<div id="list">
    <div v-if="!showLoading">
        <img :src="banner" alt="">
        <div class="shuoming">
            <p class="startTime">开始时间：<span>{{action.start_time.format("yyyy年MM月dd日 hh:mm:ss")}}</span></p>
            <p class="endTime">截止时间：<span>{{action.end_time.format("yyyy年MM月dd日 hh:mm:ss")}}</span></p>
            <p class="jieshao">活动介绍：<span v-html="action.detial"></span></p>
        </div>
        <div class="search">
            <mt-search v-model="searchIpt" @input.native="vagueSearch" cancel-text="" placeholder="" :value.sync="searchIpt">
                <mt-cell v-for="item in result" v-show="resultShow"
                        @click.native="searchIpt=item,resultShow=true,resultItem=item"
                        :title="item">
                </mt-cell>
            </mt-search>
            <button class="fr" @click="search">搜索</button>
        </div>
        <div class="lists">
            <ul class="clearfix"
                v-infinite-scroll="loadMore"
                infinite-scroll-disabled="loading"
                infinite-scroll-distance="10">
                <li v-for="item in lists">
                    <router-link :to="{path:'/details',query: {id: item.id}}">
                        <div class="imgBox">
                            <img :src="item.image" alt="">
                        </div>
                        <h3 class="name">{{item.name}}</h3>
                        <div class="stateShow" :class="[action.state]">
                            <p class="price">当前价格：<span>￥</span>{{item.max_price || item.price}}</p>
                            <p class="stateTxt">{{action.state=="stateWait"?"未开始":action.state=="stateBe"?"当前出价人工号："+(item.no || ""):"中标人工号："+(item.no || "")}}</p>
                        </div>
                    </router-link>
                </li>
            </ul>
            <div class="page-infinite-loading tc" v-show="loading">
                <div v-if="!over">
                    <mt-spinner :type="0"></mt-spinner>
                    加载中...
                </div>
                <div v-else>
                    没有更多数据了~
                </div>
            </div>
        </div>
    </div>
    <v-loading v-show="showLoading"></v-loading>
    <section class="animation_opactiy shop_back_svg_container" v-else></section>
</div>